$(document).ready(function(){
	preson_image_js.init();
	preson_image_js.bind();
	$("#page_title").html("上传个人照片");
});
var preson_image_js = {};
preson_image_js.init = function(){
	vm.cal_img_hw();
//	vm.upload_init();
	vm.load();
}
preson_image_js.bind = function(){
}
var vm = avalon.define({
//---------微信上传---------
	delete_weixin_img:function(index,flag){
		if(flag){
			vm.weixin_images.localIds.remove(vm.weixin_images.localIds[index]);
			vm.weixin_images.serverIds.remove(vm.weixin_images.serverIds[index]);
			vm.$weixin_upload_index--;			
		}else{
			//记录删除的ID
			vm.$delete_ids.push({
				memimagesid:vm.obj.images[index].memimagesid,
				imagepath:vm.obj.images[index].imagepath,
			});
			vm.obj.images.remove(vm.obj.images[index]);
		}
	},
	weixin_images: {
		//这个就是图片的地址
		localIds: [],
		//上传用的media_id
		serverIds: []
	},
	//这个$index用来记录当前起点
	$weixin_upload_index: 0,
	//这个单纯是用来执行递归
	$index:0,
	//直接上传图片
	weixin_upload: function() {
		
		//选择图片
		wx.chooseImage({
			success: function(res) {
				if(res.localIds.length<=0){
					return ;
				}
				//res.localIds是一个数组
				vm.weixin_images.localIds.pushArray(res.localIds);
				//选择完之后直接上传到微信
				vm.$index = vm.$weixin_upload_index;
				//递归上传
				vm.weixin_upload_item(function(){
					vm.$weixin_upload_index = vm.$index;
				});
			}
		});
	},
	/**
	 * 直接执行上传
	 * @param {Object} callback 回调函数
	 */
	weixin_upload_item: function(callback) {
		var length = vm.weixin_images.localIds.size();
		wx.uploadImage({
			localId: vm.weixin_images.localIds[vm.$index],
			success: function(res) {
				vm.$index++;
				vm.weixin_images.serverIds.push(res.serverId);
				if (vm.$index < length) {
					vm.weixin_upload_item(callback);
				} else {
					if (callback) {
						callback();
					}
				}
			},
			fail: function(res) {
				//alert(JSON.stringify(res));
			}
		});
	},
	//end---------微信上传---------			
	//标记是否显示遮罩
	is_mask_show:false,	
	$id:"main_controller",
	
	//----------------
	//toast的信息
	toast_msg:'',
	//是否要展示toast
	is_toast_show:false,
	//定时器
	$timeout:0,
	//消息隐藏
	clear_toast:function(){
		//设置定时器
		if(vm.$timeout){
			clearTimeout(vm.$timeout);
		}
		vm.$timeout = setTimeout(function(){
			vm.is_toast_show = false;
			vm.toast_msg = '';
		},3000);		
	},	
	//-----------------
	
	//是否显示成功提示
	is_result_tip_show:false,
	//将所有的参数当做对象
	obj:{
		//提问内容
		content:"",
		//展示的图片内容
		images:[],
		//id
		memdiaryid:'',
	},
	//追加变量防止重复提交
	$is_do:false,	
	//提交内容
	submit:function(){
		console.log(vm.weixin_images.localIds);
		console.log(JSON.stringify(vm.weixin_images.serverIds));
		console.log(JSON.stringify(vm.$delete_ids));
//		return ;
		if(vm.$is_do){
			return ;
		}		
		//这里要验证图片
		var fd = new FormData();
		var length = vm.weixin_images.serverIds.size();
		var length_images = vm.obj.images.size();
		var is_have_upload_img = false;
		if(length+length_images>0){
			if(length>0){
				fd.append('media_id_list', JSON.stringify(vm.weixin_images.serverIds));	
				is_have_upload_img = true;
			}
		}else{
			vm.is_toast_show = true;
			vm.toast_msg = "请上传一张图片";
			vm.clear_toast();			
			return ;						
		}		
		var is_have_delete = false;
		//处理删除的id
		for(var i=0;i<vm.$delete_ids.length;i++){
			is_have_delete = true;
			break;
		}
		fd.append('ids', JSON.stringify(vm.$delete_ids));	
		fd.append('is_upload_img',is_have_upload_img);
		fd.append('is_have_delete',is_have_delete);		
		//追加id
		fd.append('memdiaryid',vm.obj.memdiaryid);
		fd.append('describe',vm.obj.content);
		fd.append('date',common.getUrlParam('date'));
		$("#submit-btn").button('loading');
		vm.is_result_tip_show = false;
		$.ajax({
			type:"post",
			url:add_picture_url,
			dataType:"json",
			data:fd,			
			processData: false,
			contentType: false,			
			success:function(data){
				vm.is_result_tip_show = true;
				$("#submit-btn").button('reset');				
				if(data.status == 1){
					vm.$is_do = true;
					vm.toast_msg = "操作成功";
					setTimeout(function(){
						history.go(-1);
					},1000);
				}else if(data.status == 2){
					vm.toast_msg = "操作失败";
				}else{
					vm.toast_msg = "服务器异常";
				}
				vm.is_toast_show = true;
				vm.clear_toast();						
			},	
			error:function(){
				$("#submit-btn").button('reset');
				vm.is_result_tip_show = true;
				vm.toast_msg = "网络错误";
				vm.is_toast_show = true;
				vm.clear_toast();					
			},			
		});		
	},
	//加载数据
	load:function(){
		vm.is_mask_show = true;
		$.ajax({
			type:"post",
			url:get_picture_url,
			success:function(data){
				vm.is_mask_show = false;
				vm.obj.memdiaryid = data.memdiaryid;
				vm.obj.content = data.pothoremark;
				var testimagepaths = data.imagepath;
				if(!testimagepaths){
					testimagepaths = [];
				}
				for(var i=0;i<testimagepaths.length;i++){
					vm.obj.images.push({
						memimagesid:testimagepaths[i].memimagesid,
						imagepath:testimagepaths[i].imagepath,						
					});
//					vm.obj.images.set(i,{
//						memimagesid:testimagepaths[i].memimagesid,
//						imagepath:testimagepaths[i].imagepath,
//					});
//					vm.input_ids.set(i,{
//						id:vm.input_ids[i].id,
//						hidden:true
//					});					
				}
				console.log(vm.obj.images);
			},
			error:function(){
				vm.is_mask_show = false;
				vm.toast_msg = "网络错误";
				vm.is_toast_show = true;
				vm.clear_toast();						
			},
			data:'date='+common.getUrlParam('date'),
			dataType:"json",
		});
	},
	//-----------------
//	//初始化方法
//	upload_init:function(){
//		for(var i=0;i<vm.$number;i++){
//			vm.$order_file_list.push({
//				name: '',
//				size: '',
//				type: '',
//				//标记为不可用
//				flag:false,				
//			});
//			vm.$files.push(null);
//			//默认都是不用处理的
//			vm.$is_upload_imgs.push(false);
//			//所有的input的ID都是和index有关系的
//			vm.input_ids.push({
//				id:"input_id_"+i,
//				hidden:false,
//			});
//			vm.obj.images.push({
//				imagepath: '',
//				memimagesid: -1,
//			});	
//		}
//	},
	//保存所有被删除的图片ID，如果是新添加进来的都是默认为-1
	$delete_ids:[],
//	delete_img:function(index){
//		vm.$delete_ids.push({
//			memimagesid:vm.obj.images[index].memimagesid,
//			imagepath:vm.obj.images[index].imagepath,
//		});
//		vm.obj.images.set(index,{
//			imagepath:'',
//			memimagesid:-1,
//		});
//		vm.$order_file_list[index].flag = false;
//		//删除后就重新进行展示
//		vm.input_ids.set(index,{
//			id:vm.input_ids[index].id,
//			hidden:false
//		});		
//		$("#"+vm.input_ids[index].id).remove();
//		var new_obj = $('<input type="file" id='+vm.input_ids[index].id+' class="input_file" capture="camera" accept="image/*" />');
//		$("#upload_div").append(new_obj);
//		new_obj.change(function(event) {
//			//加入自己的上下文
//			vm.file_change(index,event, this);
//		});
//	},
//	//是否要显示图片提示
//	is_img_tip_show:false,	
//	//点击隐藏input框
//	click_file:function(){
//		var count = 0;
//		var length = vm.obj.images.length;
//		for(var i=0;i<length;i++){
//			if(vm.obj.images[i].imagepath){
//				count++;
//			}
//		}
//		//这里改为上传一张照片
//		if(count==vm.$number){
//			vm.toast_msg = "最多可以上传"+vm.$number+"张图片";
//			vm.is_toast_show = true;
//			vm.clear_toast();
//		}
//	},	
//	//追加文件的信息记录，用作重复文件判断
//	$order_file_list:[],
//	//用来保存所有的上传文件信息
//	$files:[],
//	//用来标记对应的是否需要处理上传文件
//	$is_upload_imgs:[],
//	//保存所有的input的ID和显示状态
//	input_ids:[],
//	//标记只有9个图片
//	$number:100,
//	//change事件获取图片 这里要做当file_change没有触发的处理
//	file_change:function(index,event,proxy_this){
//		var $this = {};
//		if(proxy_this){
//			$this = $(proxy_this);
//		}else{
//			$this = $(this);
//		}
//		var file = {};
//		if(proxy_this){
//			file = proxy_this.files[0];
//		}else{
//			file = this.files[0];
//		}
//		//文件类型判断
//		if(file.type.toLowerCase().indexOf('jpeg')==-1 && file.type.toLowerCase().indexOf('png')==-1 && file.type.toLowerCase().indexOf('jpg')==-1&& file.type.toLowerCase().indexOf('gif')==-1){
//				vm.toast_msg = "该文件不是图片";
//				vm.is_toast_show = true;
//				vm.clear_toast();		
//				return ;
//		}
//		//这里追加同样文件的判断
//		for(var i=0;i<vm.$order_file_list.length;i++){
//			var file_item = vm.$order_file_list[i];
//			if(file.name == file_item.name && file.size == file_item.size && file.type == file_item.type && file_item.flag==true){
//				vm.toast_msg = "上传了重复的图片";
//				vm.is_toast_show = true;
//				vm.clear_toast();
//				//这里要做特殊处理
//				vm.delete_img(index);
//				return ;
//			}
//		}
//		//预览后进行隐藏
//		vm.input_ids.set(index,{
//			id:vm.input_ids[index].id,
//			hidden:true
//		});
//		$this.addClass('hidden');
//		vm.is_img_tip_show = true;		
//		var reader = new FileReader();
//		//注册事件
//		reader.onload = function(){
//			//获取图片的地址，这里应该是base64
//			var url = reader.result;
//			vm.obj.images.set(index, {
//				imagepath:url,
//				memimagesid:-1
//			});
//			vm.$is_upload_imgs[index] = true;
//			//加入到排除记录里面
//			vm.$order_file_list[index] = {
//				name: file.name,
//				size: file.size,
//				type: file.type,
//				flag:true,
//			};
//			var selector = "#"+vm.input_ids[index].id+"_img";
//			$(selector).get(0).onload = function() {
//				vm.is_img_tip_show = false;
//			}			
//		}
//		//读取文件
//		reader.readAsDataURL(file);			
//	},
	//图片预览的宽度
	img_width:0,
	//图片预览的高度
	img_height:0,
	//动态计算高宽
	cal_img_hw:function(){
		var window_width = $(window).width();
		var window_height = $(window).height();
		//计算img_width 两边16的内间距 4个格 自身的右内间距
//		vm.img_width = (window_width-16*2)/4-10;
		vm.img_width = (window_width-20-32);
		//计算比例
		vm.img_height  = window_height/window_width*vm.img_width;
	},	
	//-----------------
	
});
avalon.scan();
avalon.ready(function(){
	$('body').css('opacity',1);
});
